<!DOCTYPE html>
<html>

<head>
    <script>
        document.write('<base href="' + document.location + '" />');
    </script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="cdn/js/material.min.js"></script>
    <link rel="stylesheet" href="assets/material.deep_orange-pink.min.css">
    <link rel="stylesheet" href="assets/sprite-av-white.css">
    <link rel="stylesheet" href="assets/animate.css">
    <link rel="stylesheet" href="assets/app.css">

    <!-- IE required polyfills, in this exact order -->
    <script src="cdn/js/libs/es6-shim.js"></script>
    <script src="cdn/js/libs/system-polyfills.js"></script>
    <script src="cdn/js/libs/shims_for_IE.js"></script>

    <!-- Angular polyfill required everywhere -->
    <script src="cdn/js/angular2.0.0-beta.15/angular2-polyfills.js"></script>

    <script src="cdn/js/tools/system.js"></script>
    <script src="cdn/js/tools/typescript.js"></script>
    <script src="cdn/js/angular2.0.0-beta.15/Rx.js"></script>
    <script src="cdn/js/angular2.0.0-beta.15/angular2.dev.js"></script>
    <script src="cdn/js/angular2.0.0-beta.15/router.dev.js"></script>
    <script src="cdn/js/angular2.0.0-beta.15/http.dev.js"></script>

    <script src="cdn/js/a2-in-memory-web-api/web-api.js"></script>

    <!--script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
  <link rel="stylesheet" href="assets/material.deep_orange-pink.min.css">
  <link rel="stylesheet" href="assets/sprite-av-white.css">
  <link rel="stylesheet" href="assets/animate.css">
  <link rel="stylesheet" href="assets/app.css" -->

    <!-- IE required polyfills, in this exact order -->
    <!-- script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.26/system-polyfills.js"></script>
  <script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script -->

    <!-- Angular polyfill required everywhere -->
    <!--script src="https://code.angularjs.org/2.0.0-beta.15/angular2-polyfills.js"></script>

  <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
  <script src="https://code.angularjs.org/2.0.0-beta.15/Rx.js"></script>
  <script src="https://code.angularjs.org/2.0.0-beta.15/angular2.dev.js"></script>
  <script src="https://code.angularjs.org/2.0.0-beta.15/router.dev.js"></script>
  <script src="https://code.angularjs.org/2.0.0-beta.15/http.dev.js"></script>

  <script src="https://npmcdn.com/a2-in-memory-web-api/web-api.js"></script -->

    <script>
        System.config({
            transpiler: 'typescript',
            typescriptOptions: {
                emitDecoratorMetadata: true
            },
            packages: {
                'api': {
                    defaultExtension: 'ts'
                },
                'app': {
                    defaultExtension: 'ts'
                }
            }
        });
        System.import('app/main')
            .then(null, console.error.bind(console));
    </script>

</head>

<body>
    <story-app>Loading Storyline Tracker ...</story-app>
</body>

</html>